<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				margin: 0;
				padding: 0;
				background: url(img/backgroundImg.gif);
			}
			img{
				opacity: 0.6;
			}
			#nav ul {
				zoom: 1;
				overflow: hidden;
				list-style: none;
				margin: 0;
				padding: 0;
				background: #333;
			}
			
			#nav li {
				float: left;
				width: 150px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				text-decoration: none;
			}
			
			#nav a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
			#nav a .en {
				display: none;
			}
			
			#nav a:hover {
				display: block;
				background: #000;
				color: #ddd;
			}
			
			#nav a:hover .en {
				display: inline;
			}
			
			#nav a:hover .cn {
				display: none;
			}
		</style>
	</head>
	<body align="center">
		<div id="nav">
				<ul>
					<li id="first">
						<a href="index.html"><span class="cn">首页</span><span class="en">首页</span></a>
					</li>


					<li>
						<a href="boom.html"><span class="cn">LED时钟</span><span class="en">LED时钟</span></a>
					</li>
					<li>
						<a href="pingBao.html"><span class="cn">屏保弹跳</span><span class="en">屏保弹跳</span></a>
					</li>


					<li>
						<a href="TIji.html"><span class="cn">太极运动</span><span class="en">太极运动</span></a>
					</li>


					<li>
						<a href="shuaiWei.html"><span class="cn">摆尾效果</span><span class="en">摆尾效果</span></a>
					</li>
					
					<li>
						<a href="shadow.html"><span class="cn">阴影效果</span><span class="en">阴影效果</span></a>
					</li>
					
					<li>
						<a href="tanTanTan.html"><span class="cn">小球的弹跳</span><span class="en">小球的弹跳</span></a>
					</li>


					<li>
						<a href="house.html"><span class="cn">Canvas小房子</span><span class="en">Canvas小房子</span></a>
					</li>
				</ul>
			</div>
		<a href="../like.resume.html"><img src="img/timg (1).jpg" alt=""></a>		
	</body>
</html>
